body {
	margin: 0 auto;
	font-family: Lucida Bright;
}

.gauche {
	float: left;
}

.droite {
	float: right;
}

.gaucheNews {
	margin-top:5px;
	float: left;
}

.annuleFloat {
	clear: both;
}

.photoPetite {
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	float: left;
}

.photoPetitePlus {
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
}

.photoMoyenne {
	background-repeat: no-repeat;
	height: 85px;
	width: 100px;
	float: left;
}

.photoGrande {
	background-repeat: no-repeat;
	height: 100%;
	width: 176px;
	float: left;
}

.texteSimple{
	font-size:13pt;
}

.gras{
	font-weight:bold;
}

/* LES LIENS */

.lienBleu{
	text-decoration:none;
	font-weight: bold;
	font-style:normal;
	color:#66ABD6;
}

.lienBleu:hover{
	color:#3F7BA2;
}

.lienBleuClair{
	text-decoration:none;
	font-weight: bold;
	font-style:normal;
	color:#3F3D3E;
}

.lienBleuClair:hover{
	color:#3F7BA2;
}

.lienOrange{
	text-decoration:none;
	font-weight: bold;
	font-style:normal;
	color:#E9901D;
}

.lienOrange:hover{
	color:#797144;
}

.lienSuggestion{
	text-decoration:none;
	color:white;
}

.lienSuggestion:hover{
	text-decoration:none;
	color:grey;
}

/* FIN LES LIENS */

/*LES PAGES INTRO*/
#apropos #contenu{
	width : 670px;
	float : left;
}

.centrageTexte{
	text-align:center;
}

#contenuIntro #texte{
	font-size: 14pt;
	text-align:center;
}

#apropos #contenuIntro #photoGroupe{
	font-size: 14pt;
	background-image: url(/Contacto/pages/img/photoGroupe.png);
	width:500px;
	height:375px;
	margin: 0 auto;
}
#pageSupCentre{
	width:670px;
	margin: 0 auto;	
}
 
/*ICI LA PAGE LISTER ENTREPRISE/FORMATION */
#listerDonnees{
	margin:0 auto;
	width: 670px;
	padding-bottom:10px;
	padding-top:10px;
}

#liste{
	text-align:center;
}

#liste #textarea{
	width:200px;
	height:150px;
	overflow-y:scroll;
	border: 3px solid #cccccc;
	margin: 0 auto;
	margin-top: 10px;
	text-align:left;
	padding-left:5px;
	font-weight : bold;
	font-size:medium;
}

#contacteznous textarea{
	width: 330px;
	height: 100px;
	margin: 0;
	resize: none;
}

#contacteznous #envoyermessage {
	margin-left:30%;
}


/* ICI LES POPUPS */
#popUpContexte {
	background-image: url(/Contacto/pages/img/pop_up_contexte.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 677px;
}

#popUpContexte #titre {
	color: white;
	font-size: 30pt;
	float: left;
	margin-left: 200px;
	margin-top: 20px;
}

#popUpContexte #contenu {
	
	float: left;
	margin-top: 50px;
	margin-left: 80px;
}

#popUpContexte #contenu select {
	margin-left: 20px;
	width: 200px;
	float: left;
}

#popUpContexte #contenu #boutons {
	margin-left: 90px;
	height: 300px;
	width: 300px;
}

#popUpContexte #contenu #boutons #annuler {
	background-image: url(/Contacto/pages/img/bouton_annuler.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 40px;
	margin-left: 60px;
	float: right;
}

#popUpContexte #contenu #boutons #annuler:hover {
	background-image: url(/Contacto/pages/img/bouton_annuler_actif.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 40px;
	margin-left: 60px;
	float: right;
}

#popUpContexte #contenu #boutons #valider {
	background-image: url(/Contacto/pages/img/bouton_valider.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 40px;
	margin-left: 60px;
	float: right;
}

#popUpContexte #contenu #boutons #valider:hover {
	background-image: url(/Contacto/pages/img/bouton_valider_actif.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 40px;
	margin-left: 60px;
	float: right;
}

#popUpContexte #croix {
	background-image: url(/Contacto/pages/img/croix_pop_up_passif.png);
	background-repeat: no-repeat;
	height: 22px;
	margin-top: 40px;
	margin-right: 60px;
	width: 21px;
	float: right;
}

#popUpContexte #croix:hover {
	background-image: url(/Contacto/pages/img/croix_pop_up_actif.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 21px;
	margin-top: 40px;
	margin-right: 60px;
	float: right;
}

#popUpSuggestions {
	background-repeat: no-repeat;
	width: 677px;
}

#popUpSuggestions #suggestions {
	background-image: url(/Contacto/pages/img/pop_up_modifier_info_perso.png);
	background-repeat: no-repeat;
	height: 642px;
	width: 690px;
}

#popUpSuggestions #titre {
	color: white;
	font-size: 30pt;
	float: left;
	margin-left: 250px;
	margin-top: 35px;
}

#popUpSuggestions #contenu {
	
	margin-top: 50px;
	margin-left: 80px;
	height: 380px;
	width: 550px;
	overflow:auto;
}

#popUpSuggestions #annuler {
	background-image: url(/Contacto/pages/img/bouton_annuler.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 80px;
	margin-right: 140px;
	float: right;
}

#popUpSuggestions #boutons #annuler:hover {
	background-image: url(/Contacto/pages/img/bouton_annuler_actif.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 80px;
	margin-left: 60px;
	float: right;
}

#popUpSuggestions #croix {
	background-image: url(/Contacto/pages/img/croix_pop_up_passif.png);
	background-repeat: no-repeat;
	height: 22px;
	margin-top: 40px;
	margin-right: 40px;
	width: 21px;
	float: right;
}

#popUpSuggestions #croix:hover {
	background-image: url(/Contacto/pages/img/croix_pop_up_actif.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 21px;
	margin-top: 40px;
	margin-right: 40px;
	float: right;
}

#popUpSuggestions #contenu #erreurPopPupSuggestions {
	color: black;
	font-color: grey;
	font-size:25pt;	
	font-weight:normal;
	font-family:"Courrier New";
	text-align:center;
	margin-top:140px;
	margin-left:20px;
	float: left;
}

#popUpSuggestions #fleches {
	
	margin-top: 30px;
	height: 20px;
	width: 185px;
	margin-left: 280px;
	float: left;
	font-size:15pt;
}

#popUpSuggestions #fleches #flecheSuggestionGauche {
	height: 20px;
	width: 40px;
	float: left;
}

#popUpSuggestions #fleches #pages {
	height: 20px;
	width: 83px;
	font:grey;
	float:left;
}

#popUpSuggestions #fleches #flecheSuggestionDroite {
	height: 20px;
	width: 20px;
	float: left;
	margin-left:10px;
}

#popUpSuggestions #contenu .module {
	margin-top:10px;
    height:95px;
    width:520px;
}

#popUpSuggestions #contenu .module .photo{
    height:100%;
    width:100px;
    float:left;
}

#popUpSuggestions #contenu .module .partieDroite{
	width:418px;
    float:left;
    height:100%;
}

#popUpSuggestions #contenu .module .partieDroite .ligneBlanche{
    height:15%;
    width:100%;
}

#popUpSuggestions #contenu .module .partieDroite .infos{
    width:100%;
    height:70%;
    background-color:#DFE4E6;
}

#popUpSuggestions #contenu .module .partieDroite .infos .nom{
	font-size:14pt;
}

#popUpSuggestions #contenu .module .partieDroite .infos .description{
    float:left;
    height:40px;
    width:65%;
    margin-top:5px;
}

#popUpSuggestions #contenu .module .partieDroite .infos #distance{
    height:30px;
    width:20px;
    float:right;
    font-size:20pt;
    margin-top:-10px;
}

#popUpSuggestions #contenu .module .partieDroite .infos #contexte{
    height:30px;
    width:140px;
    float:left;
    font-size:12pt;
    margin-top:-15px;
    margin-left:7px;
    text-align:center;
}

/* FIN POPUP */

/*ACCUEIL CONNEXION/INSCRIPTION */
#entete {
	height: 125px;
	width: 100%; 
	background-image : url(/Contacto/pages/img/fond_entete.png);
	background-repeat: repeat-x;
}

#entete #connexion .lienHautDePage{
	text-decoration:none;
	color:#66ABD6;
}

#entete #connexion .lienHautDePage:hover{
	color:white;
}

#entete #englobe{
	width: 1279px;
	height: 100px;
}

#entete #logo a{
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	width: 322px;
	height: 65px;
	background-image: url(/Contacto/pages/img/logo.png);
}

#entete #connexion {
	height:100px;
	width:700px;
	margin-top: 10px;
	margin-right : 20px;
	float: right;
	color: white;
	
}

#entete #connexion #espace{
	width:20px;
}

#entete #connexion #seconnecter{
	background-image: url(/Contacto/pages/img/bouton.png);
	height: 28px;
	width: 50px;
	color: white;
}

#entete #connexion #mdp_oubli{
	background-image: url(/Contacto/pages/img/mdpOublie.png);
	text-decoration: none;
	height: 19px;
	width: 137px;
 	border:none;	
}

#contenu {
	margin-top:20px;
	float:left;
	width: 1279px;
	border: 1px;
	
}

#entete #connexion #ligne1connexion {
	width: 100%;
	border: 1px;
	color: white;
}

#entete #connexion #ligne2connexion {
	height: 10%;
	width: 100%;
	color: white;
}

#entete #connexion #boutonconnexion {
	width: 100%;
	color: white;
}

#autologin {
	float: left;
	width: 50%;
	border: 1px;
	
	font-size: 9pt;
}

#motDePassePerdu {
	float: right;
	width: 45%;
	border: 1px;
	font-size: 9pt;
	color: red;
}

/*Pied de Page*/
#piedDePage {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}

#piedDePage #description {
	height: 60px;
	width: 700px;
	font-size: 16pt;
	float: left; 
}

#piedDePage .lienPiedDePageSelectionne{
	text-decoration:none;
	color:black;
}

#piedDePage .lienPiedDePage{
	text-decoration:none;
	color:#66ABD6;
}

#piedDePage .lienPiedDePage:hover{
	color:black;
}



#piedDePage #description #formations{
	padding-right:50px;
	margin-bottom:100px;
}

#piedDePage #description #presentation {
	font-size:22pt;
	margin: 20px 0px 0px 90px ; 
	float: left; 
	width: 124px;
}

#piedDePage #description #formations {
	font-size:22pt;
	margin: 20px 0px 0px 75px;
	float: left;
	width: 118px;
}

#piedDePage #description #entreprises {
	font-size:22pt;
	margin: 20px 0px 0px 30px ; 
	float: left; 
	width: 116px;
}


#piedDePage #lignePiedDePage {
	height: 0, 5px;
	width: 520px;
	margin-left: 90px;
	margin-top: 10px;
	border: 1px solid black;
	background: blue;
	float: left; 
}

#piedDePage #website {
	float: left;
	height: 20px;
	width: 185px;
	margin-left: 260px;
	font-size: 9pt;
	margin-top: 15px;
}

/*en tete PROFIL*/
#ligneEntete {
	height: 8px;
	background: #494747;
	width: 1279px;
	border: 1px solid #5EB6DD;
	background: blue;
	margin-left: 10px;
}

#enteteProfil {
	height: 100px;
	background-image: url(/Contacto/pages/img/fond_entete_profil.png);
	background-repeat: repeat-x;
	
	color: white;
	width: 100%;
	position: fixed;
}



#account #accountName 
{
	text-decoration: none;
	color: white;
}

#enteteProfil #recherche #iconesrecherche {
	background-image: url(../img/menu_recherche.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 100px;
	margin: -12px 0px -20px 115px;
}

#enteteProfil #logo {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	width: 322px;
	border: 1px;
}

#enteteProfil #recherche {
	float: left;
	width: 500px;
	border: 1px;
	margin-left: -35px;
	margin-top: 10px;
	height: 50px;
	font-size: 11pt;
}

#enteteProfil #recherche #boutonrecherche {
	background-image: url(/Contacto/pages/img/go.png);
	background-repeat:no-repeat;
	height: 33px;
	width: 77px;
	margin-top:-3px;
}

#enteteProfil #recherche #boutonrecherche:hover {
	background-image: url(/Contacto/pages/img/go_actif.png);
	background-repeat:no-repeat;
	height: 33px;
	width: 77px;
}

#contenuProfil #milieu #resultatsRecherche #categorieMesContacts {
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
	color:#494747;
	font-size: 25pt;
}

#contenuProfil #milieu #resultatsRecherche .messageErreur {
	height: 24px;
	width: 515px;
	color:#494747;
	font-size: 20pt;
	margin-top: 40px;
	float:left;
}

#contenuProfil #milieu #resultatsRecherche .module {
	margin-top: 10px;
	height: 85px;
	width: 100%;
}

#contenuProfil #milieu #resultatsRecherche .module .photo {
	background-repeat: no-repeat;
	height: 100%;
	width: 100px;
	float: left;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite {
	width: 570px;
	float: left;
	height: 100%;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite .ligneBlanche
	{
	height: 15%;
	width: 100%;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite .contenu {
	width: 100%;
	height: 70%;
	background-color: #DFE4E6;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite .contenu .nom
	{
	margin: 10px;
	float: left;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite .contenu .contexte
	{
	margin: 20px;
	float: right;
	margin-right: 100px;
}

#contenuProfil #milieu #resultatsRecherche .module .partieDroite .contenu #boutonSupprimer
	{
	background-image: url(/Contacto/pages/img/bouton_supprimer.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 35px;
	float: right;
	margin: 15px;
	cursor: pointer;
}

#contenuProfil #milieu #resultatsRecherche #plusDeContact {
	height: 15px;
	width: 100%;
	margin-top: 20px;
	background-color: #DFE4E6;
	text-align: center;
	cursor: pointer;
}

/*PROFIL*/
#contenuProfil {
	width: 100%;
	
	padding-top: 100px;
}

#contenuProfil #milieu {
	width: 670px;
	min-height: 400px;
	margin-left:8px;
	float: left;
}

/* MES CONTACTS */
#contenuProfil #milieu #mesContacts #categorieMesContacts {
	background-image: url(/Contacto/pages/img/categorie_mes_contacts.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

#contenuProfil #milieu #mesContacts #categorieSesContacts {
	background-image: url(/Contacto/pages/img/categorie_ses_contacts.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

#contenuProfil #milieu #mesContacts .module {
	margin-top: 10px;
	height: 85px;
	width: 100%;
}


#contenuProfil #milieu #mesContacts #titre {
	vertical-align: middle;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

#contenuProfil #milieu #mesContacts #titre a {
	font-weight:bold;
	font-size:22pt;
	text-decoration:none;
	color:#E9901D;
}

#contenuProfil #milieu #mesContacts #titre a:hover{
	color:#797144;
}


#contenuProfil #milieu #mesContacts #contact {
	margin-top: 15px;
}

#contenuProfil #milieu #mesContacts .module .photo {
	background-repeat: no-repeat;
	height: 100%;
	width: 100px;
	float: left;
}

#contenuProfil #milieu #mesContacts .module .partieDroite {
	margin-top:10px;
	width: 570px;
	float: left;
	height: 100%;
}

#contenuProfil #milieu #mesContacts .module .partieDroite .ligneBlanche
	{
	height: 15%;
	width: 100%;
}

#contenuProfil #milieu #mesContacts .module .partieDroite .contenu {
	width: 100%;
	height: 70%;
	background-color: #DFE4E6;
}

#contenuProfil #milieu #mesContacts .module .partieDroite .contenu .nom
	{
	margin: 10px;
	float: left;
}

#contenuProfil #milieu #mesContacts .module .partieDroite .contenu .contexte
	{
	margin: 20px;
	float: right;
	margin-right: 100px;
}

#contenuProfil #milieu #mesContacts .module .partieDroite .contenu #boutonSupprimer
	{
	background-image: url(/Contacto/pages/img/bouton_supprimer.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 35px;
	float: right;
	margin: 15px;
	cursor: pointer;
}

#contenuProfil #milieu #mesContacts #plusDeContact {
	height: 15px;
	width: 100%;
	margin-top: 20px;
	background-color: #DFE4E6;
	text-align: center;
	cursor: pointer;
}

/* FIN MES CONTACTS */

/* NEWS */

#contenuProfil #milieu #news #categorieDemandeContact {
	background-image:
		url(/Contacto/pages/img/categorie_bleue_demande_contact.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

#contenuProfil #milieu #news .module {
	margin-top: 20px;
	height: 100%;
	width: 100%;
}

#contenuProfil #milieu #news .premierePartie {
	width: 100%;
	height: 85px;
}

#contenuProfil #milieu #news .ligneBlanc {
	background-color: white;
	width: 570px;
	height: 45px;
}

#contenuProfil #milieu #news .ligneGris {
	height: 40px;
	width: 570px;
	background-color: #DFE4E6;
}

#contenuProfil #milieu #news .titre {
	margin-left: 20px;
	padding-top: 10px;
	font-weight: bold;
}

#contenuProfil #milieu #news .deuxiemePartie {
	width: 100%;
	height: 100%;
}

#contenuProfil #milieu #news .colonneBlanc {
	width: 50px;
	height: 10px;
	float: left;
	background-color: white;
}

#contenuProfil #milieu #news .contenu {
	background-color: #DFE4E6;
	float: left;
	width: 620px;
	height: 100%;
}

#contenuProfil #milieu #news .span{
	margin-left:20px;
	width: 100%;
	height: 100%;
}

#contenuProfil #milieu #news .SousPartie {
	float: right;
	margin-bottom: 20px;
}

#contenuProfil #milieu #news .contenuInterne {
	float: left;
	width: 501px;
	min-height: 60px;
	
	background-color: #C1C4C6;
}

#contenuProfil #milieu #news .colonneDroite {
	float: left;
	background-image:
		url(/Contacto/pages/img/catogire_petit_bout_qui_pend.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 14px;
}

#contenuProfil #milieu #news .categorieModifProfil {
	background-image:
		url(/Contacto/pages/img/categorie_modification_profil.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

#contenuProfil #milieu #news .categorieMiseAjourContact {
	background-image:
		url(/Contacto/pages/img/categorie_mise_a_jour_des_contacts.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

#contenuProfil #milieu #news .contenu p {
	margin-top: -30px;
	margin-bottom: -30px;
	padding: 40px;
}

#contenuProfil #milieu #news .contenu #boutonsDemande {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

#contenuProfil #milieu #news .contenu #boutonsDemande #boutonConfirmer {
	background-image: url(/Contacto/pages/img/bouton_confirmer.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 35px;
	float: left;
}

#contenuProfil #milieu #news .contenu #boutonsDemande #boutonModifier {
	background-image: url(/Contacto/pages/img/bouton_modifier.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 35px;
	float: left;
}

#contenuProfil #milieu #news .contenu #boutonsDemande #boutonSupprimer {
	background-image: url(/Contacto/pages/img/bouton_supprimer.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 35px;
	float: left;
	cursor: pointer;
}

#contenuProfil #milieu #news #categorieMiseAjourContact {
	background-image:
		url(/Contacto/pages/img/categorie_bleue_mise_a_jour_contact.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 515px;
}

/* FIN NEWS */

/* COLONNE GAUCHE */
#contenuProfil #colonneG {
	width: 280px;
	min-height: 400px;
	margin-right: 5px;
	float: left;
}

#colonneG .lien {
	background-image: url(/Contacto/pages/img/onglet_passif_bleu_G.png);
	background-repeat: no-repeat;
	width: 248px;
	height: 56px;
	margin-bottom: 20px;
	
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
	padding-left: 40px;
	display: block;
	text-decoration: none;
	color: black;
	vertical-align: middle;
}

#colonneG .lien:hover {
	background-image: url(/Contacto/pages/img/onglet_gauche_actif_bleu.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 56px;
	margin-bottom: 20px;
	
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
}


#colonneG .lienSelectionne {
	background-image: url(/Contacto/pages/img/onglet_gauche_actif_bleu.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 56px;
	margin-bottom: 20px;
	font-family: Lucida Bright;
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
	padding-left: 40px;
	display: block;
	text-decoration: none;
	color: black;
	vertical-align: middle;	
}

#colonneG .lienOrange {
	background-image: url(/Contacto/pages/img/onglet_gauche_passif_orange.png);
	background-repeat: no-repeat;
	width: 248px;
	height: 56px;
	margin-bottom: 20px;
	
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
	padding-left: 40px;
	display: block;
	text-decoration: none;
	color: black;
	vertical-align: middle;
}

#colonneG .lienOrange:hover {
	background-image: url(/Contacto/pages/img/onglet_gauche_actif_orange.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 56px;
	margin-bottom: 20px;
	
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
}

#colonneG .lienSelectionneOrange {
	background-image: url(/Contacto/pages/img/onglet_gauche_actif_orange.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 56px;
	margin-bottom: 20px;
	font-family: Lucida Bright;
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
	padding-left: 40px;
	display: block;
	text-decoration: none;
	color: black;
	vertical-align: middle;	
}

#contenuProfil #colonneG #ongletNews {
	background-image: url(/Contacto/pages/img/maison.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 36px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: 10px;
	float: left;
}

#colonneG .lienProfil {
	background-image: url(/Contacto/pages/img/onglet_passif_bleu_G.png);
	background-repeat: no-repeat;
	width: 248px;
	height: 56px;
	margin-bottom: 20px;
	
	font-weight: bold;
	font-size: 18pt;
	padding-top: 20px;
	padding-left: 40px;
	display: block;
	text-decoration: none;
	color: black;
	vertical-align: middle;
}

#contenuProfil #colonneG #ongletProfil #flecheProfil {
	background-image:
		url(/Contacto/pages/img/fleche_onglet_Profil_vers_bas.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 23px;
	margin-top: -65px;
	margin-left: 170px;
	float: left;
}



#contenuProfil #colonneG #menuDeroulant {
	background-image: url(/Contacto/pages/img/menu_deroulant_bleu.png);
	background-repeat: no-repeat;
	height: 155px;
	width: 180px;
	margin-top: -32px;
	margin-left: 30px;
	display: none;
	float: left;
}

#contenuProfil #colonneG #menuDeroulant ul {
	margin-top: 22px;
	list-style-type: none;
}

#contenuProfil #colonneG #menuDeroulant li {
	margin-bottom: 20px;
	height: 20px;
}

#contenuProfil #colonneG #menuDeroulant li a {
	
	color: grey;
	font-size: 15pt;
	text-decoration: none;
	text-align: center;
}

#contenuProfil #colonneG #menuDeroulant li a:hover {
	
	color: white;
	font-size: 15pt;
	text-decoration: none;
	font-weight: bold;
}

/* FIN COLONNE GAUCHE */
/* COLONNE DROITE */
#contenuProfil #colonneD {
	width: 300px;
	min-height: 400px;
	float: right;
}

#contenuProfil #colonneD #ongletSuggestion {
	background-image: url(/Contacto/pages/img/suggestions.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 273px;
	margin-top: 150px;
	float: right;
	color: black;
	
	font-weight: bold;
	font-size: 18pt;
}

#contenuProfil #colonneD #ongletSuggestion #titreSuggestion {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	
	font-weight: bold;
	font-size: 18pt;
}

#contenuProfil #colonneD #ongletSuggestion .contact {
	background-color: grey;
	height: 90px;
	width: 260px;
	margin-bottom: 10px;
	float: right;
	font-color: grey;
	font-size:14pt;	
	font-weight:normal;
	text-align:center;
	font-family:"Courrier New";
}

#contenuProfil #colonneD #ongletSuggestion .contact .photo {
	height: 70px;
	width: 70px;
	margin-top: 8px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact .prenom {
	height: 20px;
	width: 165px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact .nom {
	height: 20px;
	width: 165px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact .blanc {
	height: 6px;
	width: 165px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact .description {
	height: 25px;
	width: 165px;
	margin-top: 2px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact .contexte {
	height: 40px;
	width: 165px;
	margin-left: 10px;
	float:left;
}

#contenuProfil #colonneD #ongletSuggestion .contact:hover {
	background-color: white;
	height: 90px;
	width: 260px;
	margin-bottom: 10px;
	float: right;
}

#contenuProfil #colonneD #ongletSuggestion #flecheSuggestion {
	background-image:
		url(/Contacto/pages/img/fleche_onglet_Profil_vers_bas.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 23px;
	margin-top: 121px;
	margin-left: 131px;
	cursor: pointer;
}

/* COLONNE DROITE */
#piedDePageProfil {
	height: 200px;
	background-image: url(/Contacto/pages/img/piedDePage_profil.png);
	background-repeat: repeat-x;
	width: 100%;
}

#recherche {
	float: left;
	width: 500px;
	border: 1px;
	margin-left: -35px;
	margin-top: 10px;
	height: 50px;
	font-size: 11pt;
}

/*COMPTEUR ACCUEIL*/
#intro_accueil {
	margin-left: 150px;
	height:300px;
	font-size: 180%;
	float: left;
	text-align: center;
	width : 600px;
}

#intro_accueil #titre {
	height: 10px;
	width: 600px;
}

#intro_accueil #suite_compteur {
	height: 50px;
	width: 600px;
}

#intro_accueil #compteur{
	height:103px;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 50px;
}

#intro_accueil #compteur ul {
	list-style-type: none;
	
	margin : 0 auto;
	text-align:center;	
}

#intro_accueil #compteur li {
	display:inline;
}

/*BLOC INSCRIPION ETAPE 1 ACCUEIL*/
.erreurs{
	margin-right:100px;
	margin-bottom:10px;
	float:right;
	padding-top :3px;
    padding-left :10px;
    padding-bottom :3px;
    background-color: #FFDAB9;
    border: 2px solid red;
    color: red;
    width: 302px;
	
}

#inscription1_bloc {
	background-image: url(/Contacto/pages/img/inscrivez-vous.png);
	height: 318px;
	width: 302px;
	margin-right: 100px;
	float: right;
}


#inscription1_bloc #espace {
	margin-top: 21%;
}
#inscription1_bloc #etoile {
	font-size: 12px;
	margin-left: 30%;
	color: grey;
}



/*INSCRIPTION SUITE*/
#inscription_bloc { /* background-color : dans le body direct */
	background-image: url(/Contacto/pages/img/fond_inscription.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 120%;
}
#inscription_bloc #erreurs {
	padding-top :3px;
    padding-left :10px;
    margin-right :25px;
    padding-bottom :3px;
    background-color: #FFDAB9;
    border: 2px solid red;
    color: red;
}
#inscription_bloc #img {
	float: left;
	margin-left: 2%;
	margin-top: 10px;
	background-image: url(/Contacto/pages/img/inscription_logo.png);
	width: 320px;
	height: 72px;
}

#inscription_bloc #fleche {
	margin-left: 8%;
	width: 426px;
	float: left;
	margin-top: 10px;
	background-image: url(/Contacto/pages/img/inscription_fleche_2.png);
	height: 101px;
}

#inscription_bloc #fleche3 {
	margin-left: 8%;
	width: 426px;
	float: left;
	margin-top: 10px;
	background-image: url(/Contacto/pages/img/inscription_fleche_3.png);
	height: 101px;
}

#inscription_bloc #nomEtape {
	float: right;
	font-size: 25px;
	margin-right: 5%;
	text-align: center;
	margin-top: 10px;
}

#inscription_bloc #nomEtape #etape {
	font-size: 45px;
}

#inscription_bloc #inscription2_fenetre {
	background-image: url(/Contacto/pages/img/inscription_fenetre_2.png);
	height: 625px;
	width: 648px;
	
	margin-left: auto;
	margin-right: auto;
}

#inscription_bloc #inscription2_fenetre #titre {
	margin-top: 3%;
	margin-left: 30%;
	font-size: 25px;
	color: white;
	float: left;
}

#inscription_bloc #inscription2_form {
	margin-top: 5%;
	float: left;
	margin-left: 5%;
}

#inscription_bloc #inscription3_fenetre {
	background-image: url(/Contacto/pages/img/inscription_fenetre_3.png);
	height: 333px;
	width: 646px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#inscription_bloc #inscription3_fenetre #titre {
	margin-top: 3%;
	margin-left: 40%;
	font-size: 25px;
	color: white;
	float: left;
}

#inscription_bloc #inscription3_fenetre #texte {
	margin-top: 5%;
	float: left;
	margin-left: 5%;
	margin-right:5%;
 width:530px; 
}

#inscription_bloc #piedInscription {
	height: 30px;
}

/*BOUTONS*/
.button{
	background-image: url(/Contacto/pages/img/bouton.png);
	color:white;
	font-size: 14px;
	font-family: serif;
	font-weight: bold;	
	height: 28px;
	width: 87px;  
}

.button:hover{
	background-image: url(/Contacto/pages/img/bouton_actif.png);
}
#inscription1_bloc #sinscrire {
	margin-left: 59%;
}

#inscription_bloc #inscription3_fenetre #terminer {
	float:left;
	margin-top:5%;
	margin-left:45%;
}

/* EFFET JQUERRY */
.toggler {
	width: 500px;
	height: 200px;
}

/* profile */

#contenuProfil #milieu .zone {
	margin-bottom:20px;
}

#contenuProfil #milieu .zone #moduleDescription{
	display: block;
	visibility: visible;
}

#contenuProfil #milieu .expNomSociete {
	font-size:21pt;
	font-weight:bold;
}

#contenuProfil #milieu .expPoste {
	font-size:19pt;
}

#contenuProfil #milieu .expDescription {
	font-size:12pt;
}

#contenuProfil #milieu .etuNomEcole {
	font-size:19pt;
	font-weight:bold;
}

#contenuProfil #milieu .etuSpecialite {
	font-size:17pt;
}


#contenuProfil #milieu #profile .module {
	margin-bottom:20px;
	width:auto;
	height:auto;
}

#contenuProfil #milieu #profile td {
	max-width:400px;
	overflow: auto;
}

#contenuProfil #milieu #profileAutre td {
	max-width:400px;
	overflow: auto;
}

#contenuProfil #milieu #profileAutre .module {
	margin-bottom:20px;
	width:auto;
	height:auto;
}

#contenuProfil #milieu #profile .categoriProfileMonCompte {
	background-image:url(/Contacto/pages/img/categorie_mon_compte.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenuProfil #milieu #profile  .categoriProfilFleche {
background-image: url(/Contacto/pages/img/fleche_barre_vers_haut.png);
background-repeat: no-repeat;
height: 15px;
width: 23px;
margin-top: 10px;
float: right;
margin-right:15px;
}


#contenuProfil #milieu .categorieProfil {
	background-image:url(/Contacto/pages/img/barre_bleue.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenuProfil #milieu .categorieProfil:hover {
	cursor:pointer;
}

#contenuProfil #milieu .categorieProfilOrange {
	background-image:url(/Contacto/pages/img/barre_orange.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenuProfil #milieu .categorieProfilOrange:hover {
	cursor:pointer;
}


#contenuProfil #milieu .categorieProfil .titre{
	text-align:center;
	font-size:15pt;
	font-weight:bold;
	margin-top:5px;
	float:left;
	margin-left:300px;
}

#contenuProfil #milieu .premierePartieProfile {
	margin-left: 35px;
	width: 635px;
	height: 171px;
}

#contenuProfil #milieu .premierePartieProfilePerso {
	margin-left: 35px;
	width: 635px;
	height: 171px;
}

#contenuProfil #milieu .gaucheProfile {
	background-repeat: no-repeat;
	height: 100%;
	width: 176px;
	float: left;

	border: 0px;
	padding: 0px;
}

#contenuProfil #milieu .droiteProfile {
	background-repeat: no-repeat;
	height: 100%;
	width: 75%;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;

}


#contenuProfil #milieu #buttonModifierProfile {

	background-image:url(/Contacto/pages/img/bouton_modifier.png);
		background-repeat: no-repeat;
	margin-right: 60px;
	margin-top: 18px;
	height: 30px;
	width: 35px;
	float: right;
}

#contenuProfil #milieu #profile .imageButtonProfile {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0px;
	padding: 0px;
	
}

#contenuProfil #milieu #profile .imageButtonProfile #buttonModifierProfile {

	background-image:url(/Contacto/pages/img/bouton_modifier.png);
		background-repeat: no-repeat;
		border: 0px;
	padding: 0px;
	margin-right: 10px;
	margin-top:0px;
	height: 30px;
	width: 35px;
	float: left;
	

}

#contenuProfil #milieu #profile .imageButtonProfile #buttonSupprimerProfile {

	background-image:url(/Contacto/pages/img/bouton_supprimer.png);
		background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	height: 30px;
	width: 35px;
	float: left;
	margin-right: 50px;
	margin-top:0px;
}



#contenuProfil #milieu #profile .imageButtonProfile #buttonAjouterProfile {

	background-image:url(/Contacto/pages/img/bouton_ajouter.png);
		background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	height: 30px;
	width: 35px;
	float: left;
	margin-right: 50px;
	margin-top:0px;
}

#contenuProfil #milieu .infoProfile {
	background-repeat: no-repeat;
	height: 130px;
	width: 443px;
	float: left;
	background-color: #C0C0C0;
	border: 0px;
	padding: 0px;
	margin-top: 25px;
	margin-left: 5px;
}

#contenuProfil #milieu .infoProfileSous1 {
	background-repeat: no-repeat;
	height: 130px;
	width: 275px;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#contenuProfil #milieu .infoProfileSous1 #haut {
	background-repeat: no-repeat;
	height: 40px;
	width: 275px;
	float: left;
	border: 0px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
}

#contenuProfil #milieu .infoProfileSous1 #bas {
	background-repeat: no-repeat;
	height: 70px;
	width: 303px;
	float: left;
	border: 0px;
		padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
}


#contenuProfil #milieu .infoProfileSous2 {
	background-repeat: no-repeat;
	height: 65px;
	width: 140px;
	float: right;
border: 0px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
}

#contenuProfil #milieu .contenuProfile {
	background-color: #DFE4E6;
	float: left;
	margin-left: 29px;
	padding-top:20px;
	width: 627px;
	height: 100%;
	background-image:url(/Contacto/pages/img/barre_degrade.png);	
	background-repeat: repeat-x;
}
#contenuProfil #milieu .contenuProfile .partieTexteDescription {
	padding-left:37px;
	padding-right:50px;
}

#contenuProfil #milieu .gaucheExperienceProfile {
	background-repeat: no-repeat;
	height: 100%;
	width: 143px;
	padding-left:23px;
	float: left;
	border: 0px;

}

#contenuProfil #milieu .droiteExperienceProfile {
	background-repeat: no-repeat;
	height: 100%;
	width: 460px;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;

}
#contenuProfil #milieu .ligne {
	height: 15px;
	border: 0px;
	padding: 0px;
	margin: 0px;

}

#contenuProfil #milieu .droiteExperienceProfile .partieTexteExperience {
	padding-left:37px;
	padding-right:50px;
		
}

#contenuProfil #milieu p
{
	font-family:"Times New Roman",Times,serif;
	border :0px;
	margin:0px;
}
#contenuProfil #milieu p.nom{
	font-weight:bold;
	font-size:20pt;
}
 #contenuProfil #milieu p.seconde
{
	font-size:14pt;
}
#contenuProfil #milieu p.troisieme
{
	font-size:12pt;
}
/*popUpProfil*/
#popUpProfil {
	background-repeat: no-repeat;
	width: 677px;
}

 #popUpModifieInfoPersoProfil {
	background-image: url(/Contacto/pages/img/pop_up_modifier_info_perso.png);
	background-repeat: no-repeat;
	height: 642px;
	width: 690px;
}
 #popUpDescriptionProfil {
	background-image: url(/Contacto/pages/img/pop_up_modifier_descr.png);
	background-repeat: no-repeat;
	height: 445px;
	width: 677px;
/* 	display: none; */
}

 #popUpSupprimerProfil {
	background-image: url(/Contacto/pages/img/pop_up_suppression.png);
	background-repeat: no-repeat;
	height: 445px;
	width: 677px;
/* 	display: none; */
}


 #popUpAddExperienceProfil {
	background-image: url(/Contacto/pages/img/pop_up_modifier_exp.png);
	background-repeat: no-repeat;
	height: 545px;
	width: 677px;
/* 	display: none; */
}

 #popUpAddExperienceProfil textarea{
	resize:none;
}

 #popUpAddFormationProfil {
	background-image: url(/Contacto/pages/img/pop_up_modifier_form.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 677px;
/* 	display: none; */
}
 #popUpAddInfoPersoProfil {
	background-image: url(/Contacto/pages/img/pop_up_modifier_info_perso.png);
	background-repeat: no-repeat;
	height: 642px;
	width: 690px;
/* 	display: none; */
}

#popUpProfil #titre {
	color: white;
	font-size: 30pt;
	
	float: left;
	margin-left: 200px;
	margin-top: 20px;
}

#popUpProfil #titreSupprimer {
	color: white;
	font-size: 30pt;
	
	float: left;
	margin-left: 185px;
	margin-top: 20px;
}

#popUpProfil #titreModifieInfoPersoProfil {
color: white;
font-size: 24pt;

float: left;
margin-left: 110px;
margin-top: 35px;
}


#popUpProfil #contenu {
	
	float: left;
	margin-top: 50px;
	margin-left: 80px;
}

#popUpProfil #contenuSupprimer {
	
	float: left;
	margin-top: 50px;
	margin-left: 50px;
}


#popUpProfil  #boutons {
	margin-left: 120px;
	height: 300px;
	width: 300px;
}

#popUpProfil  #boutons #annuler {
	background-image: url(/Contacto/pages/img/bouton_annuler.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 20px;
	margin-left: 60px;
	float: right;
}

#popUpProfil  #boutons #annuler:hover {
	background-image: url(/Contacto/pages/img/bouton_annuler_actif.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 20px;
	margin-left: 60px;
	float: right;
}

#popUpProfil  #boutons #valider {
	background-image: url(/Contacto/pages/img/bouton_valider.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 20px;
	margin-left: 60px;
	float: right;
}

#popUpProfil  #boutons #valider:hover {
	background-image: url(/Contacto/pages/img/bouton_valider_actif.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 87px;
	margin-top: 20px;
	margin-left: 60px;
	float: right;
}

#popUpProfil #croix {
	background-image: url(/Contacto/pages/img/croix_pop_up_passif.png);
	background-repeat: no-repeat;
	height: 22px;
	margin-top: 40px;
	margin-right: 60px;
	width: 21px;
	float: right;
}

#popUpProfil #croix:hover {
	background-image: url(/Contacto/pages/img/croix_pop_up_actif.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 21px;
	margin-top: 40px;
	margin-right: 60px;
	float: right;
}

#popUpProfil .textarea {
margin-top: 2px;
margin-bottom: 2px;
height: 70px;
margin-left: 2px;
margin-right: 2px;
width: 260px;
float: gauche;
}

#popUpDescriptionProfil .textarea {
margin-top: 2px;
margin-bottom: 2px;
height: 160px;
margin-left: 2px;
margin-right: 2px;
width: 370px;
float: gauche;
}

#popUpProfil #contenu select {
margin-right: 10px;
margin-left: 2px;
width: 130px;
float: left;

}
#popUpProfil #contenu #NMDP
{
	float:left;
	margin-left:50px;
}

#popUpProfil #contenu #RMDP
{
	text-align:center;
}

/* profile autre*/

#contenuProfil #milieu .categorieProfilOrange .titre{
	text-align:center;
	font-size:15pt;
	font-weight:bold;
	margin-top:5px;
	float:left;
	margin-left:300px;
}

#contenuProfil #milieu  .categoriProfilFlecheOrange {
background-image: url(/Contacto/pages/img/fleche_barre_vers_haut.png);
background-repeat: no-repeat;
height: 15px;
width: 23px;
margin-top: 10px;
float: right;
margin-right:15px;
}

#contenuProfil #milieu #profileAutre .categoriProfileSonCompte {
background-image:
		url(/Contacto/pages/img/categorie_orange_son_compte.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenuProfil #milieu #profileAutre .categoriProfileExperienceOrange {
background-image:
		url(/Contacto/pages/img/barre_profil_experience_orange.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenuProfil #milieu #profileAutre .categoriProfileFormationOrange {
background-image:
		url(/Contacto/pages/img/barre_profil_formation_orange.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 688px;
}

#contenu #imageErreur{
	height: 380px;
	width: 380px;
	background-image: url(/Contacto/pages/img/administrateur_image.jpg);
	float:left;
}

#contenu #titreErreur
{
color: #4682B4;
font-size: 48pt;
font-family: Lucida Bright;

}

#contenu #infoErreur
{
	margin-top:30px;
	font-family: Lucida Bright;	
	font-size: 24pt;

}

#contenu #lienErreur
{
	margin-top:45px;
	font-family: Lucida Bright;	
	font-size: 24pt;

}

#contenu #lienErreur a
{
	text-decoration: none;
	color:#4682B4;
}

#contenu #lienErreur a:hover
{
	text-decoration: none;
	color:#333399;
}


#noNews {
	margin-top:10px;
}